<template>
	<div class="article-view" v-if="options.content">
		<div
			class="no-select"
			:style="{ padding: `${options.padding_tb || 0}px ${options.padding_lr || 0}px` }"
			v-html="options.content"
		/>
	</div>
</template>
<script>
export default {
	name: "article-view",
	props: {
		view: {
			type: Object,
			default: () => ({})
		}
	},
	computed: {
		options() {
			return this.view.options || {};
		}
	}
};
</script>
<style lang="scss" scoped>
.article-view {
	// min-height: 10px;
	::v-deep {
		img {
			width: 100%;
			vertical-align: middle;
		}
		iframe {
			width: 100%;
		}
	}
}
</style>
